@charset "utf-8";/* CSS Document*/body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select,th,td{padding: 0px;margin: 0px;color:#333;font-size:12px;font-family:Arial;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size: 100%}
address,cite,dfn,em,var{font-style:normal}
small{font-size:12px}
ul,ol{list-style-type:none;list-style-image:none}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#204588;text-decoration:none;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
img{border:0;vertical-align:middle;}
table{border-spacing:0;border-collapse:collapse;}
div{zoom:1;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

.clear{clear:both;}
.fix:after{display:table;clear:both;content:"";}
.fix{zoom:1;}
.le{float:left;display:inline;}
.ri{float:right;display:inline;}
.b{font-weight:bold;}
.width1150{width:1150px;margin:0 auto;}
.hidden{display:none;}
.iconfont{font-family:"iconfont" !important;font-size:16px;color:#204588;font-style:normal;font-weight:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
body{width:100%;overflow-x:hidden;}
.container{width:100%;position:relative;}
.logo{float:left;}
.logo img{float:left;margin:5px 15px 5px 0;}
.logo span{color:#a91a20;position: absolute;left: 370px;font-size: 20px;font-weight: bold;}
.focus{width:1150px;height:544px;margin:0 auto;position:relative;}

.zoomimgs{display:block; width:100%;height:0; padding-bottom: 100%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.artzoomimgs{display:block; width:100%;height:0; padding-bottom:57%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}

.width1140{width:1140px; margin:0 auto;}
.width1000{width:1000px; margin:0 auto;}
.rt{float:right;}
.lf{float:left;}
s{text-decoration:none;}
.fix:after{display:table; clear:both; content:"";}
.fix:before{content:" ";display:block;clear:both;}

/*************************************header***********************/
header{background:#fff;padding-top:5px;}
.header{height:70px;display:none;background:#000;}
.header_left{height:66px;width:80%;background:#fff;}
.header_left img{margin-left:0px;margin-top:5px;height:58px;}
.pc_logo{margin-left: 164px;}
.mail b{background:url('../images/mail1.png') no-repeat;display:inline-block;width:29px;height:29px;position: relative; top: 6px;}
.mail s{background:url('../images/tel1.png') no-repeat;display:inline-block;width:32px;height:29px;position:relative;top:5px;}
.research{color:#c7c7c7;position: relative; top: 3px;}
.mail{font-size:14px;display:inline-block;width: 150px;}
.mail span{position:relative;top:-7px;font-size:16px;}
.mail a{color:#000; position: relative; top: -7px;left:3px;font-size:18px; font-weight:normal}
.mail a:hover{color:#000;}
.search_moblie{display:none;width:100%;background:rgba(255,255,255,0.9);height:586px;position:absolute;top:70px;z-index:1000;}
.nav{width:100%;background:rgba(255,255,255,0.9);height:1200px;position:absolute;top:70px;z-index:1000;left:100%;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.nav ul li{padding:0px 0 0px 0px;color:#1c3f77;font-size:14px;border-bottom:1px solid #1c3f77;position: relative;}
.nav ul li a{color:#1c3f77;}
.nav ul li>a{display:inline-block;margin-left:60px;padding:20px 0 20px 0px;}
.nav ul li span{display:inline-block;width:30px; position: absolute; top: 7px; right: 100px;height:36px;background:url('../images/btn1.png') no-repeat center;cursor:pointer; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.nav ul li .nav_b{display:inline-block;border:6px solid transparent;border-left:6px solid #1c3f77;display:none;}
.nav ul li:hover .nav_b{display:inline-block;}
.nav ul li .active{transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.nav ul li a:hover{color:#1c3f77;}
.nav ul li ul{display:none;}
.nav ul li ul li{border-bottom:none}
.nav ul li ul li.active{transform:none}
.nav ul li ul li a{margin-left:0px;padding:0px;}
.nav ul li ul li a{width: 100%; display: block; padding: 15px 0 15px 0px;border-top:1px solid #1c3f77;text-align: left; padding-left: 20%; font-size: 14px;}
.nav ul li ul li a .r{opacity:0;position:relative;left:50px;transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out;}
.nav ul li ul li a b{font-weight:normal;}
.nav ul li ul li:hover a .r{opacity:1;left:0;}
.nav ul li ul li:hover{background:#1c3f77;color:#fff;}
.nav ul li ul li:hover a{color:#fff;}

.search_moblie h5{font-size:24px;text-align:center;color:#1c3f77;margin-top:40px;}
.search_moblie .header_s{width:261px;margin-top:40px;margin-bottom:40px;}
.search_moblie .submit{width:283px;background:#1c3f77;border:none;margin-left:0;}
.search_moblie form{width:283px;margin:0 auto;}
.form{display:inline-block;position:relative;float:right;}
.fdj{background:url('../images/fdj.png') no-repeat;width:21px;height:21px;outline:none;border:none;position:absolute;top:5px;z-index:100;right:10px;cursor:pointer;}
.header_s{padding:7px 10px;border-radius:6px;outline:none;color:#666;border: 1px solid #999;}
.logo img{position:absolute;width:197px;}

/*********************************nav***********************/
/*#index_box_id nav{background: #000 ;}*/
nav ul{background:#000;margin-top:20px;} 
nav ul li{float:left;position:relative;} 
.width1140 .nav-ul{padding: 0 5%;} 
nav ul>li{text-align:center;} 
nav ul li a{display:inline-block;color:#fff;font-size:14px; padding:0px 36px; height:46px; line-height:46px;text-transform:uppercase; } 
nav ul li:hover>a{color:#fff;} 
nav ul li:hover a,nav ul li.current a{background:#204588;} 
nav ul li:hover ul{display: block;} 
nav ul li ul{display: none;position:absolute;background:rgba(90,91,92,0.8);opacity:0;z-index:100;top:100px;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;} 
nav ul li ul li{width:100%;overflow:hidden;} 
nav ul li ul li:hover{background:none;} 
nav ul li ul li a{ border-top: 1px solid #e8e7e8;color:#fff;font-size:12px;padding:13px 12px; display:block;text-transform:capitalize;height:auto; line-height:100%;} 
nav ul li:hover ul li a{background:#204588;color:#fff;} 
nav ul li ul li:last-child a{border-bottom:none;} 
nav ul li ul li:nth-child(1) a{border-top:none;} 
nav ul li ul{width: 130%;border-radius:4px;} 
nav ul li ul li a:hover{background:rgba(64,64,64,0.6);color:#fff;}
nav ul li ul li:hover a{color:#fff;}
nav ul li ul li a b{opacity:0;position:relative;left:50px;transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out;}
nav ul li ul li a:hover b{opacity:1;left:0;}

/*******************************footer*******************/
.news .title .article_hd{font-size:18px;text-align:center;}
.touch{font-size:18px;color:#ddd;font-weight:normal;margin-left:20px;}
.email{padding:8px 5px;outline:none;border-radius:6px;border:none;background:#707070;color:#fff;margin-left:20px;font-size:18px;}
.submit{border:none;outline:none;padding:10px 25px;border-radius:6px;background:#204588;color:#fff;font-size:14px;cursor:pointer; margin-top:5px;}
.submit:hover{color:#fff;}

.icon_1{background:url('../images/map.png') no-repeat;} 
.icon_2{background:url('../images/phone.png') no-repeat;} 
.icon_3{background:url('../images/fax.png') no-repeat;} 
.icon_4{background:url('../images/mail.png') no-repeat;}

/*********************banner**************/
.slideboxss{ width:100%}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:-1}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width: 10px;height:10px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#ccc; float:left;text-indent:-2000px;}
.flex-control-nav .flex-active{background:#fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:40px;height:60px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-30px;text-indent:-999em;top: 50%;}
.flex-direction-nav li a.flex-prev{left:0;background: #000 url("../images/slider-arrow.png") no-repeat -190px 50%;opacity: 0.5;}
.flex-direction-nav li a.flex-next{right:0;background: #000 url("../images/slider-arrow.png") no-repeat -66px 50%;opacity: 0.5;}
.flex-direction-nav li a.flex-next:hover{background: #000 url("../images/slider-arrow.png") no-repeat -6px 50%;opacity: 1;}
.flex-direction-nav li a.flex-prev:hover{background: #000 url("../images/slider-arrow.png") no-repeat -130px 50%;opacity: 1;}


/*******************************************/
.index_product,.index_about,.index_news{padding:45px 0 50px;}


/****************about us*******************/
.index_product{background:#fff;}
.index_about .hd,.index_news .hd{text-align:center;color:#333;font-size:30px; text-transform:uppercase}
.index_about .hd1{text-align:center;color:#4c4c4c;font-size:22px;margin-bottom:30px;}
.index_about ul li{float:left;position: relative;}
.index_about ul li:nth-child(2){margin:0 1.8%;}
.index_about ul li img{box-shadow:3px 4px 5px #aaa;width: 273px;}
.index_about ul li img:hover{}
.index_about ul{margin:0 auto;margin-bottom:35px;}
.index_about img{ max-width:100%;}
.index_about p{text-align: center;color:#666;font-size:16px;margin:0 auto;line-height:25px;}
.more_b{display:block;width:40px;margin:0 auto;border-radius:6px;background:#204588;color:#fff;font-size:16px;padding:17px 60px;/* margin-bottom:76px; */}
.more_b:hover{color:#fff;}
.index_about .more_b{margin-top:50px;}
.lines{ width:66px; height:3px; background:#204588; text-align:center; margin:3px auto 28px}

/********************************main product****************/
.index_product{background:#f0f0f0}
.index_product .hd h5{position:absolute;left:0;right:0;z-index:100;top:70px;color:#fff;}
.index_product img{/* 1st set of icons. Rotate them 360deg onmouseover and out*/-webkit-transition: -webkit-transform 0.8s ease-out;-moz-transition: -moz-transform 0.8s ease-out;-o-transition: -o-transform 0.8s ease-out;-ms-transition: -ms-transform 0.8s ease-out;}
.index_product img:hover{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
.index_product .hd{text-align:center;color:#333;font-size:30px;  text-transform:uppercase}
.index_product ul{margin:50px auto 0;}
.index_product ul li{float: left;height: inherit;width: 22%;margin-right:3%; margin-bottom:30px;padding:0;background:#fff}
.index_product ul li .border-img{border:1px solid #ddd; padding:1px; overflow:hidden}
.index_product ul li .border-img:hover{border:2px solid #204588; padding:0}
.index_product ul li:nth-child(4n){ margin-right:0}
.index_product ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.index_product ul li a .zoomimgs{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.index_product ul li a .zoomimgs:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.index_product ul li h3{padding:10px 0;text-align:center}
.index_product ul li h3 a{font-size: 16px;font-weight: normal;height: 30px;line-height: 30px;padding: 0 10px;box-sizing: border-box;}
.index_product .more_b{margin-top:20px; margin-bottom:0}

/********************************news************************/
.index_news{background:#fff}
.index_news_hd{background:#333333;display:inline-block;border-radius:15px;position: relative; top: 4px;}
.index_news_hd a{color:#fff;display:inline-block;padding:5px 25px;font-size:24px;}
.index_news .more{background:#333333;display:inline-block;border-radius:8px;}
.index_news .more a{color:#fff;display:inline-block;padding:1px 15px;font-size:14px;}
.index_news .more a:hover{color:#1c3f77;}
.index_news .hd{}
.index_news ul.fix{ margin-top:40px;}
.index_news ul li a{color:#333;}
.index_news ul li{float:left;  padding: 5px 0; width: 22.75%;margin-right:3%; overflow:hidden}
.index_news ul li:nth-child(4n){ margin-right:0}
.index_news ul li span{font-size:16px;margin-bottom:16px;display:inline-block;color:#4c4b4b; white-space:nowrap}
.index_news ul li a{display:block;overflow:hidden; font-weight:bold}
.index_news ul li a .artzoomimgs{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; }
.index_news ul li a .artzoomimgs:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.index_news ul li div{margin-top:18px;font-size:16px;margin-bottom:45px;color:#333; height:60px; overflow:hidden; line-height:20px;}

/********************************content************************/
.content{width:1140px;margin:0 auto;min-height:500px;}
.content .title{line-height:60px;margin:0px 0 0;}
.content .title ul li{ display:inline;font-size:14px;color:#333}
.content .title a{color:#3d3e41;}
.content .title a.icon-home{ color:#333}
.content .title a:hover{color:#ff0000;text-decoration:underline;}
.content_le{width:290px;padding:0 0 0px;margin:0 0px;float:left;}
.sidebar{margin:0px 0px 30px;}

.contact_1 dt{border-radius:6px;margin-bottom: 20px;}
.content_le li.nav-head{color:#fff;font-size:16px;line-height:45px;margin:0 0 1px;background: #204588;padding-left:20px; text-transform:uppercase}
.video_ul{overflow: hidden;}
.sidebar li{line-height:38px;margin:0 0 1px;position:relative;}
.sidebar li a{display:block;height:100%;background:#ececec;color:#000;padding:0 0 0 20px;font-size:14px;}
.sidebar li a:hover,.sidebar li.active a{background:#404040;color:#fff; }


.contact_1{margin:0px 0px 30px; background:#ececec; padding-bottom:20px; }
.contact_1 li{clear:both;font-size:14px;color:#333;font-weight:700;margin:10px 0 0; padding:0 20px;}
.content_le li.nav-head{ font-weight:normal}
.contact_1 li p{float:left;position:relative;font-size: 14px; height: 100%;line-height: 23px; min-height: 23px;
 text-align: left; margin:0px 0 0px 5px;width: 80%; font-weight:normal}
.contact_1 li span{display:inline-block;float:left;width:200px;line-height: 25px;position: relative;top: -5px;}
.contact_1 li p.iconfont{ background:url(../images/stel.png) no-repeat; width:28px; height:26px;}
.contact_1 li p.iconf1{ background-position:0 0px;}
.contact_1 li p.iconf2{ background-position:0 -28px;}
.contact_1 li p.iconf3{ background-position:0 -57px;}
.contact_1 li p.iconf4{ background-position:0 -115px;}

.content_ri{width:820px;float:right;margin:0 0 50px;color: #666;font-size: 14px;line-height: 25px;}
.content_ri{text-align: Justify; text-justify: auto;}
.content_ri>h1,.content_ri>h3{color: #333;font-size:18px;font-weight: 700;line-height: 46px;margin: 0 0 10px;}
.content_ri>h1 a,.content_ri>h1.title a{color: #333;padding-left:10px;}
.products_mainul{ overflow:hidden}
.products_mainul li{ float:left;width: 31.3333%;margin-right: 3%;  margin-bottom: 30px;}
.products_mainul li:nth-child(3n){ margin-right:0}
.products_mainul li a{display:block;overflow:hidden;}
.products_mainul li a.zoomimgs{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.products_mainul li a.zoomimgs:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.products_mainul li .border-img{border:1px solid #ddd; padding:1px; overflow:hidden}
.products_mainul li .border-img:hover{border:2px solid #204588; padding:0}

.products_mainul li h3{padding:10px 0;text-align:center}
.products_mainul li h3 a{font-size:16px;font-weight:normal}

.margin-big-top{ margin-top:20px;}
.product-detail .content-l{ float:left; width:30%;}
.product-detail .content-r{ float:right; width:65%;}
.product-detail #mydialog{ display:none}
.product-detail  img{max-width:100%;overflow:hidden;vertical-align:middle;}
.product-detail .content-img{overflow:hidden;border: 1px solid #ddd;padding:7px;}
.product-detail .content-img img{max-width:100%;overflow:hidden;vertical-align:middle;}
.product-detail h1{border-bottom: 1px solid #ddd;color: #333;font-size: 18px;line-height: 33px; padding-bottom:5px;}
.product-detail .p_desc{color: #444;line-height: 24px;padding: 12px 0px 5px; font-size:12px;}
.product-detail .add_to_inquiry{height:55px;}
.product-detail .add_to_inquiry #add_to_inquiry{ }
.product-detail .description{line-height:24px;}
.products_main .product-desc .title{ margin:20px 0 25px;}
#mydialog .dialog-head{ font-size:16px; border-bottom:1px solid #ddd;padding-bottom:7px; margin-bottom:20px;}
#mydialog .input{border:1px solid #ddd;padding: 10px;width: 97%;margin:0 auto 10px}
#mydialog .submit{ margin:10px 0}


.page{
    clear: both;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.page li{display:inline-block;margin:0 15px 0 0;font-size:14px;}
.page a {
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    border: #dbdbdb 1px solid;
    padding: 4px 9px;
    margin: 2px;
    margin-bottom: 5px;
    color: #31363c;
    text-decoration: none;
}
.page a:hover{color:#c7000b;text-decoration:underline;}

.content_ri .detail{ padding:0 0 15px}
.content_ri .detail,.content_ri .detail p{ font-size:14px;}
.content_ri .detail .content-img{ text-align:center; margin-bottom:15px;}
.content_ri .detail .content-img img{ max-width:100%}
.content_ri .detail .qhd-title{ text-align:center}
.content_ri .detail .qhd-title span{ margin:0 5px;}
.products_main .title { border-bottom: 1px solid #ddd;font-size: 18px;font-weight: 700;margin: 0 0 25px; line-height:40px;}
.padding-big-top{ clear:both; padding-top:15px;}

/*****************feedback*******************/
.margin-large-bottom{margin-bottom: 30px;}
.table{border-collapse: collapse;border-spacing: 0;max-width: 100%;width: 100%;}
.table th{border-bottom: 2px solid #ddd;padding: 8px;text-align: left;vertical-align: bottom;}
.table td{border: 1px solid #ddd;padding: 8px;vertical-align: top;}
.table tr.current td{background-color: #f5f5f5;}
.layout{width:100%;overflow: hidden;}
.line{margin: 0;padding: 0;}
.xs6{width: 48%;float:left}
hr{background: #ddd none repeat scroll 0 0;border: 0 none;box-sizing: content-box;clear: both;color: #ddd;float: none;height: 1px;margin: 10px 0;width: 100%;}
.text-red{color: #e33;}
.show_content .input{border: medium none;box-shadow: 0 0 3px #999;outline: medium none;padding: 10px;width: 97%;margin:0 auto 10px}


.article-media{margin:0 0 40px;}
.article-media li{height:160px;padding:15px 15px 0 0;border-bottom:1px solid #ececec;}
.article-media li:hover{background:#eee;}
.article-media dt{float:left;width:210px;height:140px;}
.article-media dt img{width:100%;height:100%;margin-left:5px;}
.article-media dd{float:right;width:580px;}
.list_title{font-size:14px;font-weight:700;color:#333;float:left;margin:0 0 10px;}
.article-media span{float:right;color:#bbb;}
.article-media p{height:87px;line-height:22px;letter-spacing:.5px;overflow:hidden;}
.article-media .more{float: right;background:url(../images/icon_1.png) no-repeat left center;padding:0 0 0 24px;color:#666;}
.article-media .more:hover{color:#000;}
.article-media .now{float:right;min-width:111px;height:26px;line-height:26px;background:#a91a20 url(../images/icon_6.png) no-repeat 11px center;border-radius:4px;color:#fff;font-size:14px;padding:0 15px 0 42px;}
.article-media li:hover .now{text-decoration:underline;background-color:#D82B32;}
.article-media .time_last span {float: left;}


.article-media1{margin:0 0 40px;}
.article-media1 li{height:20px;padding:15px 15px 0 0;border-bottom:1px solid #ececec;}
.article-media1 li:hover{background:#eee;}

.article-media1 dd{float:left;}
.article-media1 .pro_hd{float:left;}
.article-media1 .time_last{float:right;}
.list_title{font-size:14px;font-weight:700;color:#333;float:left;margin:0 0 10px;}
.article-media1 span{float:left;color:#bbb;}
.article-media1 p{height:87px;line-height:22px;letter-spacing:.5px;overflow:hidden;}
.article-media1 .more{float: right;background:url(../images/icon_1.png) no-repeat left center;padding:0 0 0 24px;color:#666;}
.article-media1 .more:hover{color:#000;}
.article-media1 .now{float:right;min-width:111px;height:26px;line-height:26px;background:#a91a20 url(../images/icon_6.png) no-repeat 11px center;border-radius:4px;color:#fff;font-size:14px;padding:0 15px 0 42px;}
.article-media1 li:hover .now{text-decoration:underline;background-color:#D82B32;}
.article-media1 .time_last span {float: right;}

@media screen and (min-width:641px){.nav{ display:none}}
@media screen and (max-width:1330px){.logo span{left: 300px;}}
@media screen and (max-width:1200px){.logo span{left: 280px;}}
@media screen and (max-width:1160px){
	nav>div>a{display:none;}
	nav .width1140{width:100%;}
	nav ul.rt{width:96%;float:none;margin:0 auto;}
	.logo span{display:none;}
	.width1140{width:90%;}
	.content_le{display:none;}
	.content{width:100%;margin-top: 50px;}
	.content>.title{display:none;}
	.content_ri{width: 96%;float: none;margin: 0 auto;}
}
@media screen and (max-width:1024px){
	nav ul li a{ padding:0 45px;}
	nav ul li ul{width: 150%;}
	nav ul li:last-child ul{width: 130%;}
}

@media screen and (max-width:1010px){.logo span{display:none;}}
@media screen and (max-width:975px){
	nav ul li a{ padding:0 35px;}
	nav ul{background:#000;}
	.pc_logo{ margin-left:60px;}
}
@media screen and (max-width:914px){
	nav ul li ul{width: 170%;}
	nav ul li:last-child ul{width: 130%;}
	.article-media  li{ height:200px;}
	.article-media dd{width:60%;}
}
@media screen and (max-width:870px){
	nav ul li a{ padding:0 25px;}
	.index_about ul{width:100%;}
	.index_about ul li:nth-child(2),.index_about ul li:nth-child(3){display:none;}
	.index_about ul li{float:none;}
	.index_about ul li img{display:block;margin:0 auto;}
}
@media screen and (max-width:780px){
	.mail{width:217px;}
	.pc_logo{margin-left:0;}
	nav ul li ul{width: 200%;}
	nav ul li:last-child ul{width: 130%;}
}
@media screen and (max-width:768px){
	nav ul li a{ padding:0 20px;}
	.width1140{width:98%;}
}
@media screen and (max-width:700px){nav ul li a{ padding:0 18px;}}
@media screen and (max-width:640px){
	header{display:none;}
	nav{display:none;}
	.nav{display:block;}
	
	.index_news ul li{width:96%;float:none;margin:0 auto;text-align: center;}
	.index_product ul li{width:45%; margin-left:3.3%;}
	.products_mainul li{width: 45%; margin-left:3.3%;}
	.index_news ul li:nth-child(4n),
	.index_product ul li:nth-child(4n),
	.index_product ul li,
	.index_news ul li{ margin-right:auto;}
	.products_mainul li{ margin-right:auto; margin-bottom:20px;}
	
	.header{display:block;}
	.header_left .change,.header_left .search{height:100%;width:100px;padding:0;}
	.header_left .search{background:#dbdbdb;}
	.header_left .change b{left:40px;top:10px;}
	.header_left .search b{background:url('../images/ff.png') no-repeat;display:inline-block;width:20px;height:20px;position:relative;top:5px;left:40px;top:10px;cursor:pointer;}
	.header_left #click b{background:url('../images/x.png') no-repeat;width:25px;height:25px;left:35px;}
	.header_left .search span{display:inline-block;line-height:27px;font-size:14px;height:27px;margin-left:10px;cursor:pointer;margin-top:10px;margin-left:0;text-align:center;width:100%;}
	.header_left #click span{color:#fff;}
	.header_left #click{background:#ff0000;}
	.header_menu{width:18%;}
	.header_menu i{background:url('../images/menu.png') no-repeat;display:inline-block;width:32px;height:32px;position:relative;top:5px;left:40px;top:10px;cursor:pointer;}
	#menuClick i{background:url('../images/menuclick.png') no-repeat;}
	.header_menu span{display:inline-block;line-height:27px;font-size:14px;height:27px;margin-left:10px;cursor:pointer;margin-top:10px;margin-left:0;text-align:center;width:100%;color:#fff;}
	.page{width: 300px;margin: 0 auto;}
	
	.article-media .case_title{display:block;text-align:center;}
	.article-media .case_title .list_title{float:none;}
	.article-media .pro_hd{display:block;}
	.article-media .pro_hd a{display:block;text-align:center;float:none;}
	.article-media span{display:none;}
	.article-media dt{float:none;width: 100%;height: 100%;}
	.article-media dt a{display:block;}
	.article-media li:hover{background:none;}
	.article-media dd{width:100%;text-align:center;}
	.article-media li{border:none;height:100%;}
	.article-media dd.time_last{ display:none}
}
@media screen and (max-width:480px){
	.header_menu i{left:25px;}
	.product-detail .content-img{ margin-bottom:15px;}
	.product-detail .content-l{ float:left; width:100%;}
	.product-detail .content-r{ float:left; width:100%;}
}
@media screen and (max-width:420px){
	.header_menu i{left:13px;}
	.header_left .change, .header_left .search{width:65px;}
	.header_left .change{margin-right:30px;}
	.header_left .search b{left:20px;}
	.header_left #click b{left:20px;}
	.header_left .change b{left:35px;}
}

#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:53px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}

/*电脑端底部*/
.pc_foot{background:#404040;width:100%; margin:0;padding:40px 0;}
.pc_foot, .pc_foot *{box-sizing: border-box;}
.pc_foot a{font-size:14px;color:#ccc;}
.pc_foot a:hover{text-decoration:underline;color:#ccc;}
.pc_foot div.item{margin-right:50px;float: left;}
.pc_foot div.item h4{font-size: 18px; display:block;color: #fff;margin-bottom: 5px;font-weight: normal;height: 30px;line-height: 30px;}
.pc_foot div.item p,
.pc_foot div.item a{display: block;font-size: 14px;color: #ccc;line-height: 18px;margin-top: 12px;}
.pc_foot div.item.item1, .pc_foot div.item.item2{ width:calc(calc(50% - 100px) / 2);}
.pc_foot div.item.item3, .pc_foot div.item.item4, .pc_foot div.item.item5{width:calc(calc(50% - 100px) / 3);}
.pc_foot div.item.item1 .input{width:100%;outline:none;padding:10px;border:none;background:#212121;margin-bottom:5px; color:#fff;}
.pc_foot div.item.item1 form{margin-top: 14px;}
.pc_foot div.item.item5{margin-right:0;}
.pc_foot .pc_foot_clear{ display:none;}

.foot_copy{padding: 17px 0;background: #000;width:100%; margin:0;}
.foot_copy p,
.foot_copy p a{color: #999;font-size: 14px;line-height: 24px;}

/*手机端底部*/
#bottom{display:none;}

.ul_1 ul{margin:0 auto;}
.ul_1 ul li{width:250px;float:left;}
.bottom .ul_1 a img{position:relative;top:-2px;}
.bottom ul li{font-size:14px;color:#ccc;line-height:30px;}
.bottom .ul_3{width:200px;}

.ul_1 h4,
.ul_3 h4{font-size:18px;color:#fff;margin-bottom:15px; font-weight:normal}
.ul_3 li span{display:inline-block;width:36px;height:26px;position:relative;top:8px;} 
@media screen and (max-width:1160px){
	.pc_foot .pc_foot_clear{ display: block; clear:both; height:50px;}
	.pc_foot div.item.item1,
	.pc_foot div.item.item2{ width:calc(calc(100% - 50px) / 2);}
	.pc_foot div.item.item3,
	.pc_foot div.item.item4,
	.pc_foot div.item.item5{width:calc(calc(100% - 100px) / 3);}
	.pc_foot div.item.item2{margin-right:0;}
}

@media screen and (max-width:640px){
	.pc_foot,
	.foot_copy{ display:none;}
	
	.bottom .ul_1 div,
	.bottom .ul_3 div{width:100%;margin:0;}
	.bottom .ul_3{ height:auto}
	
	#bottom{display:block;padding-top:25px;}
	#bottom .ul_1{float:none;margin-left:0;width:80%;margin:0 auto;margin-bottom:10px;}
	#bottom .ul_1 h4{padding:10px 30px;background:#000;color:#fff;cursor:pointer;position:relative;}
	#bottom .ul_1 li{margin-bottom:10px;}
	#bottom .ul_1 li a,
	#bottom .ul_3 div li,
	#bottom .ul_3 div li a{color: #1c3f77;}
	#bottom .ul_1 li a:hover{text-decoration:none;}
	#bottom .ul_3{float:none;margin-left:0;width:80%;margin:0 auto;}
	#bottom .ul_3 a:hover{color:#666;}
	#bottom .ul_3 h4{padding:10px 30px;background:#000;color:#fff;cursor:pointer;position:relative;}
	#bottom .ul_3 div,
	#bottom .ul_1 div{display:none;}
	#bottom .ul_1 h4 span,
	#bottom .ul_3 h4 span{display:inline-block;position:absolute;width:7px;height:12px;background:url('../images/bth2.png') no-repeat;left:10px;top:16px;z-index:10;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
	#bottom .ul_1 h4 .active,
	#bottom .ul_3 h4 .active{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}
	#bottom .ul_1 li a .r{opacity:0;position:relative;left:50px;text-decoration:none;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
	#bottom .ul_1 li a:hover .r{opacity:1;left:0;}
}